html{
	font-size:100px;
	-ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
    }
html,body{min-height:100%;  }
*{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	box-sizing:border-box;
	font-family:'SourceHanSansCN';
}
@font-face {
  	font-family: 'SourceHanSansCN';
  	src: url('../fonts/SourceHanSansCN.ttf') format('truetype');
  	font-weight: normal;
              font-style: normal;
}
body{
	background:#eaecf1;
}
.ui-loader{
	display: none;
}
/* 瓒呴摼鎺ユ牱寮�*/
a{
	text-decoration: none;
	color:#11161c;
}
a:active,a:hover{
	outline: 0;
	 -webkit-tap-highlight-color:rgba(255,0,0,0);
}
/* 瀛椾綋澶у皬 */
h1,.h1{font-size:0.32rem;}
h2,.h2{font-size:0.3rem;}
h3,.h3{font-size:0.26rem;}
h4,.h4{font-size:0.24rem;}
h5,.h5{font-size:0.18rem;}
h6,.h6{font-size:0.16rem;}
.bold{font-weight: bold;}
/*瀛椾綋棰滆壊*/
.color-primary{color:#163730;}
.color-link{color:#11161c;}
.color-price{color:#da3558;}
.color-gray{color:#eaecf1;}
.color-gray2{color: #aeaeb5;}
.color-gray3{color: #666666;}
.color-fail{color:#979ba1;}
.color-black{color: #1b1b1f;}
.color-red{color: #da3558;}
.color-green{color: #57bc5c;}
.color-blue{color:#4786ef;}

/* 鑳屾櫙棰滆壊 */
.bg-white{background:#fff;}
.bg-primary{background-color:#163730;}
.bg-second{background-color:#11161c;}
.bg-red{background-color:#da3558;}
.bg-fail{background-color:#979ba1;}
.bg-gray{background-color:#eaecf1;}
.bg-gray2{background-color:#c9cbcf;}

/* 杈规鏍峰紡 */
.borderAll{	border:1px #eaecf1 solid;}
.borderLeft{border-left:1px #eaecf1 solid;}
.borderRight{border-right:1px #eaecf1 solid;}
.borderTop{border-top:1px #eaecf1 solid;}
.borderBot{border-bottom:1px #eaecf1 solid;}
.radiusAll{border-radius:0.1rem;}
.radiusTop{border-radius:0.1rem 0.1rem 0 0;}
.radiusBot{border-radius:0 0 0.1rem 0.1rem;}

/* 杈硅窛鏍峰紡 */
.mgAll{margin:0.2rem;}
.mgTop{margin-top:0.2rem;}
.mgBot{margin-bottom:0.2rem;}
.pdAll{padding:0.24rem;}
.pdTop{padding-top:0.24rem;}
.pdLeft{padding-left:0.24rem;}
.pdRight{padding-right:0.24rem;}
.pdBot{padding-bottom:0.24rem;}

/* 鎸夐挳鏍峰紡 */
.btn{
	text-align:center;
	color:#fff;
	outline:none;

}
.btn-normal{
	line-height:3;
	font-size:0.3rem;
}
.btn-block{
	display:block;
	width:100%;
}
.half-btn{
	width: 50%;
	float: left;
	padding: 0 0.15rem;
}
.one-third-btn{
  width: 33.333%;
  float: left;
  padding: 0 0.15rem;
}
/* 鍏ㄥ眬杈呭姪鏍峰紡 */
.fl{float:left;}
.fr{float:right;}
	
.clearfix:after{
	display:block;
	height:1px;
	clear:both;
	content:'';
}
.hide{display:none;}
.show{display:block;}
.text-hide{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lineH3{
	line-height: 3;
}
/* 鍏叡鏍忕洰鏉℃牱寮�*/
.column-title{
	line-height:3;
	text-align:center;
	background: #fff;
}
.column-title span{
	display:inline-block;
	position:relative;
}
.column-title span:before,.column-title span:after{
	display:block;
	content:'';
	position:absolute;
	top: 50%;
	height: 1px;
              margin-top: -1px;
              width: 0.24rem;
	background:#11161c;
}
.column-title span:before{
	left: -0.3rem;
}
.column-title span:after{
	right: -0.3rem;
}
/*甯冨眬鏍峰紡*/
.container{min-height:100%;}
.container.pdBot100{
	padding-bottom:1rem;
}
/*鍐呰仈鏍峰紡*/
.in-block{display:table;width:100%;}
.in-block > *{display:table-cell;}

/* 搴曢儴鍏敤鑿滃崟 */
.bot-main-menu{
	height:1rem;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#fff;
	z-index: 998;

}
.bot-main-menu ul{
	height:100%;
}
.bot-main-menu li{
	width:20%;
	text-align:center;
	font-size:0.22rem;
	height:100%;
}
.bot-main-menu li a{
	display:block;
	color:#999;
	position:relative;
	padding-top:0.6rem;
	font-weight:bold;
	outline:none;
}
.bot-main-menu li a label{
	position: absolute;
	right:50%;
	top: 50%;
	width: 0.3rem;
	height: 0.3rem;
	background: #da3558;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-right: -0.4rem;
	margin-top: -0.4rem;
	font-size:0.14rem;
	line-height: 0.3rem;
}
.bot-main-menu li a.active{
	color:#11161c;
}
.bot-main-menu li a:before{
	display:block;
	position:absolute;
	content:'';
	width:0.48rem;
	height:0.44rem;
	background-repeat:no-repeat;
	background-size:auto 0.42rem;
	background-position:50% 50%;
	left:50%;
	top:50%;
	margin-top:-0.30rem;
	margin-left:-0.24rem;
}
.bot-main-menu .home:before{
	background-image:url('../imgs/yc-botMenu-home01.png');
}
.bot-main-menu .home.active:before{
	background-image:url('../imgs/yc-botMenu-home02.png');
}
.bot-main-menu .found:before{
	background-image:url('../imgs/yc-botMenu-found01.png');
}
.bot-main-menu .found.active:before{
	background-image:url('../imgs/yc-botMenu-found02.png');
}
.bot-main-menu .sort:before{
	background-image:url('../imgs/yc-botMenu-sort01.png');
}
.bot-main-menu .sort.active:before{
	background-image:url('../imgs/yc-botMenu-sort02.png');
}
.bot-main-menu .cart:before{
	background-image:url('../imgs/yc-botMenu-cart01.png');
}
.bot-main-menu .cart.active:before{
	background-image:url('../imgs/yc-botMenu-cart02.png');
}
.bot-main-menu .my:before{
	background-image:url('../imgs/yc-botMenu-my01.png');
}
.bot-main-menu .my.active:before{
	background-image:url('../imgs/yc-botMenu-my02.png');
}

/*涓や釜鍟嗗搧妯帓鏍峰紡*/
.half-goods-list{}
.half-goods-list li{
	width:48%;
	float:left;
	overflow:hidden;
	margin-bottom:0.15rem;
}
.half-goods-list li:nth-child(2n+1){
	margin-right:4%;
}
.half-goods-list li:after{
	display:block;
	content:'';
	clear:both;
}
/*寮圭獥鏍峰紡*/
.popMask{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 9;
}
.popup{  
    background:rgba(0,0,0,0.85);
    position:fixed;
    left: 50%;
    top:50%;
    display:none;
    color: #fff;
    border-radius: 0.1rem;
    font-size: 0.26rem;
    text-align: center;
    line-height: 5;
    z-index: 9999;
  }
  .popup2{  
    background:rgba(0,0,0,0.85);
    position:fixed;
    left: 50%;
    top:50%;
    display:none;
    color: #fff;
    border-radius: 0.1rem;
    font-size: 0.26rem;
    text-align: center;
    line-height: 1.5;
    z-index: 9999;
    padding-top: 0.1rem;
  }

.popup3{  
    background:rgba(0,0,0,0.85);
    position:fixed;
    left: 50%;
    top:50%;
    display:none;
    color: #fff;
    border-radius: 0.1rem;
    font-size: 0.30rem;
    text-align: center;
    line-height: 1.5;
    z-index: 9999;
    padding: 0.1rem 0.2rem;
  }
  .remove-popup,  .remove-popup2{
    width: 5.6rem;
    height: 3.6rem;
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    margin: -1.8rem 0 0 -2.8rem;
    background: #fff;
    overflow: hidden;
    text-align: center;
    display: none;
}
.remove-popup h2,.remove-popup2 h2{
    background: #ebecf1;
    line-height: 3;
}
.remove-popup p,.remove-popup2 p{
    line-height: 4;
}
.remove-popup .bot-btn,.remove-popup2 .bot-btn{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.remove-popup .bot-btn a,.remove-popup2 .bot-btn a{
    display: block;
    width: 50%;
    font-size: 0.3rem;
    float: left;
    line-height: 3;
}
.remove-popup .bot-btn a:first-child,.remove-popup2 .bot-btn a:first-child{
    border-right: 1px #eaecf1 solid;
}

  /* 404椤甸潰 */
 .error404{
  	text-align: center;
  	padding: 1.5rem 0;
  }
 .error404 img{
 	width: 3.9rem;
 	height: 2.5rem;

 }
  .error404  .refresh{
  	border: 1px #163730 solid;
  	padding: 0.2rem 0.5rem 0.2rem 1rem;
  	font-size: 0.25rem;
  	position: relative;
  	color: #163730;
  }
    .error404  .refresh:before{
    	position: absolute;
    	left: 0.5rem;
    	top: 50%;
    	content: '';
    	width: 0.34rem;
    	height: 0.31rem;
    	background: url('../imgs/ycx-refresh.png') no-repeat;
    	background-size: 100% auto;
    	margin-top: -0.155rem;
    }

 /* 鍙充晶娴姩鍒嗙被 */
 .right-fixed-nav{
 	width: 1.1rem;
 	position: fixed;
 	right: 0;
 	top: 50%;
 	margin-top: -2rem;
 }
  .right-fixed-nav .button{
  	width: 100%;
  	height: 0.8rem;
  	overflow:hidden;
  	background: rgba(0,0,0,0.65);
  	border-radius: 0.1rem 0 0 0.1rem;
  	text-align: center;
  	font-size: 0;
  }
    .right-fixed-nav .button.active{
    	border-radius: 0.1rem 0 0 0;
    }	
   .right-fixed-nav  img{
   	width: 50%;
   	margin-top: 0.21rem;
   }
 .right-fixed-nav .nav-list{
     	width: 100%;
  	background: rgba(0,0,0,0.65);
  	border-radius: 0 0 0 0.1rem;
  	border-top: 1px #fff solid;
  	text-align: center;
  	font-size: 0.24rem;
  	color: #fff;
     }
  .right-fixed-nav .nav-list a{
  	display: block;
  	height: 0.9rem;
  	line-height: 0.9rem;
  	color: #fff;
  }
    .right-fixed-nav .nav-list a:last-child{
    	border-radius: 0 0 0 0.1rem;
    }
    .right-fixed-nav .nav-list a:active,  .right-fixed-nav .nav-list a:hover{
    	background: #474848;
    }

    /* 杩斿洖椤堕儴鎸夐挳 */
    .back-top{
      position: fixed;
      right: 0.2rem;
      bottom: 1.3rem;
      width: 1rem;
      height: 1rem;
      z-index: 9;
      background: url('../imgs/ycx-backTop.png') center center no-repeat;
      background-size: 100% auto;
      display: none;
    }
    .bodyHide{
      height: 100%;
      overflow: hidden;
    }
